<!DOCTYPE html>
<html lang="en" ng-app="aui">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>absir ui for Bootstrap</title>
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/jquery-i18n-properties/jquery.i18n.properties.js"></script>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>

    <!--DEBUG BEGAN-->
    <script src="aui/js/absir.core.js"></script>
    <script src="aui/js/absir.panel.js"></script>
    <script src="aui/js/absir.ajax.js"></script>
    DEBUG END
</head>
<body>
<script type="text/javascript">
    function show(response) {
        console.log(response);
    }
</script>
<div style="position: fixed; top: 0; left: 0; bottom: 0; right: 0">
    <form action="http://www.baidu.com">
        <input type="submit" a-title="确定">

    </form>
    <div style="height: 20px; background: #f00"></div>
    <div style="background: #ff0" a-height="80" a-width="20">
        <div a-scope="111">
            Search: <input ng-model="query">
            Sort by:
            <select ng-model="orderProp">
                <option value="name">Alphabetical</option>
                <option value="age">Newest</option>
            </select>


            <ul class="phones">
                {{query}}=>{{orderProp}}
            </ul>
        </div>

        <div a-scope>
            Search: <input ng-model="query">
            Sort by:
            <select ng-model="orderProp">
                <option value="name">Alphabetical</option>
                <option value="age">Newest</option>
            </select>


            <ul class="phones">
                {{query}}=>{{orderProp}}
            </ul>

            <a a-ref a-ext="true" title="12333" href="http://www.baidu.com">测试链接</a>
        </div>
        <a-scope>
            <div ng-init="names=[]">
                <p>{{names}}</p>
                <input type="button" value="hi" ng-click="names.push('123')"/>
            </div>
        </a-scope>


        <a-nav-tab>
            <tabset>
                121332321
                <tab>
                    <tab-heading>
                        <select ng-model="orderProp">
                            <option value="name">Alphabetical</option>
                            <option value="age">Newest</option>
                        </select>
                        <i class="glyphicon glyphicon-bell"></i> {{orderProp}}
                    </tab-heading>
                    123223223
                </tab>
                <tab ng-repeat="tab in navTabs">
                    <tab-heading>
                        <i class="glyphicon glyphicon-bell"></i> {{tab.name}}
                    </tab-heading>
                    <div ng-bind-html="tab.body"></div>
                </tab>
            </tabset>
        </a-nav-tab>
    </div>
</body>
</html>